When placing images on your page, it is helpful to include the dimensions of that image in the HTML. This will allow the web browser to format the page more quickly and will cut down on total loading time.

It is important to make sure that you have the height and width settings correct for each image, otherwise it may not display properly. Most graphic viewing programs will tell you the dimensions of a picture in a ### x ### x ## format. It will be shown as Width x Height x Colors. The numbers represent the size of the graphic in pixels.

There are other uses for the Height and Width tags, but here we will only cover how it effects the display of images.

---

This is an undefined image:


This is an image defined with a 200-pixel Width and a 100-pixel Height:

---

To view what the actual HTML of this page would look like, go up top, click VIEW and then click SOURCE.